iT邦幫忙

2023 iThome 鐵人賽

DAY 26
1
WordPress

暢玩 WordPress 30 天 部署 X 開發 X 上線系列 第 26

Day26: 特殊需求-標語 WordPress! 在頁面上加上各類的標語與提醒

  • 分享至 

  • xImage
  •  

網站的類型很多種,而有些網站會因為法規的規定而需要有些警語

如果我們接到了一個酒品網站或是醫療用品的網站案子,我們會需要注意台灣的法規不能夠在線上賣酒也不能夠沒有牌照賣醫療用品,而今天我們舉酒品網站的例子,我們會需要在底部加上標語

https://ithelp.ithome.com.tw/upload/images/20230927/201625706caL6SIJTW.png

而我們要怎麼實作呢? 我們這裡不借助任何套件來做到這件事,我們直接改佈景主題!

前面有提過,佈景主題也是透過 PHP 撰寫,所以我們可以在編輯器進行修改
https://ithelp.ithome.com.tw/upload/images/20230927/201625705igFui93xK.png

我們開啟了 footer.php (這是固定會存在的)
https://ithelp.ithome.com.tw/upload/images/20230927/20162570VmELjYU9mm.png

我的作法是在 wp_footer() 之下加入標語,可以依照顏色與標語自行改變

<?php wp_footer(); ?>
<div style="position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; background-color: #796cad; color: white; text-align: center; padding: 10px; font-size: 2em;">
  禁止酒駕-未成年請勿飲酒
</div>

結論

我們今天學到了怎麼增加底部標語,這標語會固定在底部而如果不會改,可以將此 Code 問 GPT 請他改 CSS,我也是這樣做來改成這樣,方便好用你也該試試。

明日的預告

我們明天會改購物車的文字段,讓購物車呈現我們想要的名稱,如詢價單


上一篇
Day25: 開發 WordPress! 開發一個 WordPress 外掛 - 申請外掛上架
下一篇
Day27: 特殊需求-購物車移除 WordPress! 將 Woocommerce 的購物車文字改為自訂文字
系列文
暢玩 WordPress 30 天 部署 X 開發 X 上線30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言